.frame{
  width: 100%;
  height:100vh;
  padding: 0 5%;
  position: relative;
  background: url('../../assets/image/gongjianqingdan.png') no-repeat;
  background-size: cover;
}
.top{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 20%;
  h2{
    color: #78D2DE;
    font-size: 2.4rem;
    font-weight: normal;
  }
  h1{
    background: linear-gradient(180deg, #4096FF 0%, #265A99 100%);
    background-clip: text;
    color: transparent;
    font-size: 4.8rem;
  }
}
.content{
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: 2fr 1fr;
  justify-content: center;
  gap: 2rem;
  height: 70%;
  &-item{
    h2{
      text-align: center;
      font-size: 1.8rem;
      line-height:4.8rem;
      color: white;
      background:linear-gradient(180deg, #4096FF 0%, #265A99 100%);
      margin-bottom: 2rem;
    }
    background-color: #fff;
    font-size: 1.6rem;
    color:#43475D;
    grid-column: span 2;
    &-wrapper{
      margin: 0 3rem;
      border-bottom: 1px solid #D9D9D9;
      line-height: 2.5rem;
      margin-bottom: 2rem;
      -webkit-text-stroke: 0.2px #E0EAFF;
      font-weight:600;
    }
    &:nth-child(5) {
      grid-column-start: 2;
      grid-column-end: 4;
    }
  }
  
}
.sunshine{
  position: absolute;
  top: 8%;
  left: 18%;
  width: 30%;
  height: 30%;
  background-image: url('../../assets/image/sunshine.png');
  background-repeat: no-repeat;
  background-size: contain;
}
.bar {
  position: absolute;
  display: flex;
  padding: 0.6rem;
  left: 4.6rem;
  top: 4rem;
  border-radius: 0.6rem;
  background-color: #F5F5F5;
  opacity: 0.86;
  &-item {
    width: 8rem;
    height: 3.2rem;
    border-radius: 0.6rem;
    z-index: 1;
    align-content: center;
    font-size: 1.2rem;
    text-align: center;
    cursor: pointer;
  }

  &-active {
    width: 8rem;
    height: 3.2rem;
    background-color: #fff;
    border-radius: 0.6rem;
    margin: 0.6rem;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
  }
}